<head>
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery.maskedinput.js" ></script>-->
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	
	
	<script>
		function showArticuloInfo()
		{
			var tipo_articulo = <?php echo $articulos[0]['TA']['ID']?>;
			var codigo_articulo = "<?php echo $articulos[0]['A']['CODIGO_ARTICULO']?>";
			var nombre_articulo = "<?php echo $articulos[0]['A']['NOMBRE_ARTICULO']?>";
			var descripcion_articulo = "<?php echo $articulos[0]['A']['DESCRIPCION_ARTICULO']?>";
			var foto_articulo = "<?php echo $articulos[0]['A']['FOTO_ARTICULO']?>";
			var id_articulo = <?php echo $articulos[0]['A']['ID']?>;
			
			$('#ArticuloId').val(id_articulo);
			$('#ArticuloCodigoArticulo').val(codigo_articulo);
			$('#ArticuloNombreArticulo').val(nombre_articulo);
			$('#ArticuloTipoArticuloId').val(tipo_articulo);
			$('#ArticuloDescripcionArticulo').val(descripcion_articulo);
			$('#ArticuloFotoArticuloChar').val(foto_articulo);
			$('#ArticuloFotoArtViejo').val(foto_articulo);
			
			
			
		}
	</script>
	<script>
		
		function eliminar_foto()
		{
			
			if ($('#blah').attr('src') != '/BackEndRecursosHumanos/app/webroot/img/blank.png')
			{
				var val = confirm("Desea quitar la foto seleccionada?");
			
				if (val)
				{
					$("#ArticuloFotoArticuloChar").val("");
					$('#ArticuloFotoArticulo').val("");
	              	$('#blah')
	                        .attr('src','/BackEndRecursosHumanos/app/webroot/img/blank.png')
	                        .width(200)
	                        .height(200);
				}
			}
			
			
		};
		function readURL(input)
		{
		      if (input.files && input.files[0])
              {
                   var reader = new FileReader();
                   reader.onload = function (e)
	                  {
	                        $('#blah')
	                        .attr('src',e.target.result)
	                        .width(200)
	                        .height(200);
	                        var dir = $("#ArticuloFotoArticulo").val().split('\\');
	                        $("#ArticuloFotoArticuloChar").val(dir[2]);
	                         
	                  };
                   reader.readAsDataURL(input.files[0]);
               }

		}
	</script>
	<script>
		
		$(function () 
		{
			  $.mask.definitions['h'] = "[A-Za-z0-9]";
			  $.mask.definitions['p'] = "[0-9]";
			  $("#ArticuloCodigoArticulo").mask("hhhhhhh-ppppppp");
		});
		
	</script>
	
</head>
<body onload="showArticuloInfo();">
	<center>
	<div>
		
		<center>
			<fieldset>
				<legend>Editar Artículo</legend>
				<center>
					<?php echo $this->Form->create("Articulo",array('type' => 'file'));
		
		
		 			?>
					<table style ="width: 100%">
						<tr>
							<td>
								<center>
									<fieldset>
										<legend><b>Informacion General del Artículo</b></legend>
										<center>
											<table style ="width: 100%" >
												<tr>
													<td>
														<center>
															<?php echo $this->Form->input('codigo_articulo',array(
																									'label' => 'Codigo del Articulo',
																									'style' => array('width: 27%; text-transform: uppercase; text-align: center'),
																									'onBlur'=> 'this.value=this.value.toUpperCase()',
																									'value' => $articulos[0]['A']['CODIGO_ARTICULO']
																							   )
												 						 ); 
															?>
															<label>Nota:</label>
															
															<label>El primer septeto del codigo es alfanumérico y el segundo es numérico.</label>
															
															<label>Ej: N2K12K1-0123456</label>
														</center>
													</td>
												</tr>
												
												<tr>
													<td>
														<center>
															<?php 
																echo $this->Form->input('id',array(
																												'type' => 'hidden',
																												'value' => $articulos[0]['TA']['ID']
																										   )
															 						 );
																echo $this->Form->input('nombre_articulo',array(
																												'label' => 'Nombre del articulo',
																												'value' => $articulos[0]['A']['NOMBRE_ARTICULO']
																										   )
															 						 ); 
															?>
														</center>
														
													</td>
												</tr>
												
												<tr>
													<td>
														<center>
															<?php
																			
																	echo $this->Form->input('tipo_articulo_id', array(
																											            'options' => array($tipoarticulo),
																														'label' => 'Tipo de Articulos'
																												   )
																						   );
															?>
														</center>
													
													</td>
												</tr>
												
												
												<tr>
													<td>
														<center>
															<?php 	echo $this->Form->label('Descripcion del Articulo');
																echo $this->Form->textarea('descripcion_articulo', array(
																															'value' => $articulos[0]['A']['DESCRIPCION_ARTICULO'],
																															'class' => 'text_area'
																														)
																							); 
													   	 ?>
														</center>
														
													</td>
												</tr>
												<tr>
													<td>
														<center>
															<?php 
																echo $this->Form->input('foto_articulo_char',array(
																														'type' => 'hidden',
																														'label' => 'Direccion de la Foto',
						
																								  						)
																						);
														
																echo $this->Form->input('foto_articulo',array(
																														'type' => 'file',
																														'label' => 'Direccion de la Foto',
																														'accept' => 'image/*',
																														'onchange' => 'readURL(this);'
																									
																								  						)
																						);
																echo $this->Form->input('foto_articulo_dir', array('type' => 'hidden'));
																echo $this->Form->input('foto_art_viejo', array('type' => 'hidden'));
															?>	
														</center>		 				
													</td>
												</tr>	
											</table>
										</center>
									</fieldset>
								</center>
							</td>
							<td>
								<center>
									<fieldset>
										<legend><b>Imagen del Artículo</b></legend>
										<center>
											<table>
												<tr>
													<td>
														
															<center>
														<?php 
															if($articulos[0]['A']['FOTO_ARTICULO'] == "")
															{
																echo '<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/blank.png" alt="your image" style="width: 200px; height: 200px"/>';
															}
															else 
															{
																echo '<img id="blah" src="/BackEndRecursosHumanos/app/webroot/files/articulo/foto_articulo/'.$articulos[0]['A']['ID'].'/'.$articulos[0]['A']['FOTO_ARTICULO'].'" alt="your image" style="width: 200px; height: 200px"/>';	
															}
														?>
														</center>
													
													</td>
												</tr>
												<tr>
													<td style="text-align: center">
														<center>
															Eliminar Foto del Articulo Seleccionado <img src="/BackEndRecursosHumanos/img/delete.png" onclick="eliminar_foto();" alt="CakePHP" style="cursor: pointer">
														</center>
													</td>
												</tr>
												
												
											</table>
										</center>
									</fieldset>
								</center>				
							</td>
						</tr>
					</table>
					<?php echo $this->Form->end('Guardar Cambios', array(
															'type' => array('submit')
														 )
									 ); 
					?>
				</center>
			</fieldset>	

			
												
		</center>
		
	</div>
	</center>
</body>